// 注册页面的逻辑
const nameInp = document.querySelector('.zh')
const pwdInp = document.querySelector('.mm')
const rpwdInp = document.querySelector('.cfmm')
const nickInp = document.querySelector('.nc')
const errBox = document.querySelector('.error')

// 1. 表单提交事件
const form = document.querySelector('form')

form.addEventListener('submit', e => {
  e = e || window.event

  // 1-1. 阻止默认事件
  e.preventDefault()

  // 1-2. 拿到用户输入的内容
  const name = nameInp.value
  const pwd = pwdInp.value
  const rpwd = rpwdInp.value
  const nick = nickInp.value

  // 1-3. 非空验证
  if (!name || !pwd || !rpwd || !nick) return alert('请完整填写表单')

  // 1-4. 验证一下 pwd 和 rpwd 是否一致
  if (pwd !== rpwd) {
    errBox.innerText = ' 两次密码不一样 '
    errBox.style.visibility = 'visible'
    return
  }

  // 1-5. 注册的逻辑
  const data = `username=${name}&password=${pwd}&rpassword=${rpwd}&nickname=${nick}`
  ajax({
    url: 'http://localhost:8888/users/register',
    data,
    method: 'POST',
    dataType: 'json',
    success (res) {

      // 1-6. 判断结果
      if (res.code === 0) {
        errBox.innerText = '用户名已经存在, 请重新输入'
        errBox.style.visibility = 'visible'
        return
      }

      if (res.code === 1) {
        alert('注册成功, 点击确定跳转回到登录页')
        window.location.href = './login.html'
      }
      
    }
  })
 
})
 
